<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <style>
        .center {text-align:center;}
    </style>
    <style>
        .color {color: rgb(81, 246, 147);font-size: 24px;}
    </style>
    <title>页面标题</title>
</head>
<body>
    <h1 class="center" style="color: yellow;font-size: 34px;">这是一个标题</h1> <!-- h标签为标题 -->
     <p class="color center">这是一个段落。
        <p>
            
            这是一个包含在p标签中的段落。</p>
     </p>                                   <!-- p标签为段落 -->
     <a href="https://www.runoob.com">这是一个链接
        <p>这是一个包含在a标签中的段落。</p>
     </a><!-- a标签为链接 -->
     <img src="/images/logo.png" width="258" height="39" /><!-- img标签为图片 -->
     <div>
        <p>这是一个包含在div标签中的段落。</p>
        <!-- div标签为容器,大多数情况下用于包裹其他标签，大多数标签都可以做到 -->
    </div>
</body>
</html>